<template>
  <input class="lj-input" :value="props.modelValue" @input="$emit('update:modelValue', $event.target?.value)" />
</template>

<script setup lang="ts">
const props = defineProps({
  modelValue: String,
  value: { type: String, default: '' },
})
</script>

<style scoped lang="scss">
.lj-input {
  @apply w-full py-2 px-2 outline-none rounded-md text-gray-600 text-sm placeholder:text-sm focus:ring-2 ring-violet-500 border-none duration-500;
}
</style>
